<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" type="text/css" href="../css/model-nav.css">
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
    <title>下拉菜单</title>
</head>
<body>

    <div class="wrapper">
        
        <div style="margin:10px">
            <ul id="Nav" class="model-nav clearfix" >
                <li class="model-nav-item" ><a href="#" class="model-nav-handler">车型库</a>
                    <div class="model-nav-subnav" style="height:120px; background:#f00">
                        aaaaa
                    </div></li>
                <li class="model-nav-item"><a href="#" class="model-nav-handler">促销活动</a>
                    <div class="model-nav-subnav" style="height:100px; background:#ff0">
                        bbbbbb
                    </div></li>
                <li class="model-nav-item"><a href="#" class="model-nav-handler">经销商</a>
                    <div class="model-nav-subnav" style="height:110px; background:#0f0">
                        ccccc
                    </div></li>
                <li class="model-nav-item"><a href="#" class="model-nav-handler">购车工具</a>
                    <div class="model-nav-subnav" style="height:150px; background:#0ff">
                        ddddd
                    </div></li>
            </ul>
            <div id="subcontainer" class="model-nav-subnav-wrapper" style="width:403px">
                <span class="model-nav-subnav-close">×</span>
                
            </div>
        </div>
    </div>
    <div style="width:383px">
        <p>Lorem ipsum dolor sit amet, commodo urna at lacus amet nascetur, dignissim at. Id dolor est maecenas metus, volutpat enim sodales sed vel sollicitudin parturient, ut arcu justo augue tempor. Consequat dolor mi quis sit, eu in interdum interdum. Est a porttitor et, vestibulum mi purus tellus. Sagittis erat molestiae vestibulum magna eleifend ut, bibendum ac tincidunt diam imperdiet, vehicula pharetra massa convallis litora integer pede, amet consectetuer quam, suscipit facilisis et. Justo lacinia purus fringilla, vitae sollicitudin ac modi, massa aenean lorem semper. Vel vitae neque nulla sit id, leo per vestibulum, tincidunt sed erat leo ut eu ullamcorper, quisque erat accumsan lobortis eget, scelerisque fames dignissim. Sed proin quia nibh, vel eget amet in feugiat, consequat lectus porta ac et. Pulvinar pede vitae. In odio ac taciti, sed aliquam. Arcu praesent velit aliquam, id mauris quae interdum eget maecenas tristique, morbi at in eros amet accumsan eget.</p>
    </div>
    <script src="../jslib/jquery_1_8_3.min.js"></script>
    <script src="../js/nav.js"></script>
    <script>
        ECar.nav("#Nav");
    </script>
</body>
</html>